.componetCard {
  border-radius: 20px;
  padding: 0px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto; // 确保卡片大小不变
}

.componetCardAvatar {
  display: flex;
  align-items: center;  // 从 center 改为 flex-start 使头像、名字和标签靠顶部对齐
  margin-bottom: 0.9375rem; 
  margin-top: 0px; // 减小底部 margin
  position: relative; // 允许分隔线定位在容器内
}

.componetCardHeadContent {
  margin-left: 1rem;
}

.componetCardHeadContent h2 {
  margin: 0;
  font-size: 1.25rem;
}

.divider {
  position: absolute;
  bottom: -0.5rem; // 将分隔线放在头像和名字容器的底部
  width: 100%;
  border-top: 1px solid #e8e8e8;
}

.middle {
  flex-direction: column;
  margin-bottom: auto;
}

.middleTag {
  margin-top: 0.5rem;
}

.footer {
  display: flex;
  justify-content: space-between;
  margin-top: 0.625rem;
  align-items: end;
}

.footerStats {
  margin-top: 0px;
}

.startChatButton {
  background-color: #e6f0ff;
  color: #2669f3;
  border: none;
  font-size: 1.125rem;
  padding: 0.625rem 1.25rem;
  border-radius: 0.25rem;

  &:hover {
    background-color: #3867ea;
    color: #fff;
  }
}
